﻿<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<IEnumerable<SCB.Common.DTOProduct>>" %>
<div class="list_product">
    <%  foreach (var item in Model)
        {%>
    <div class="fl width_3" style="width: 25%;">
        <div class="block">
            <div class="picture_small">
                <table cellpadding="0" cellspacing="0">
                    <tbody>
                        <tr>
                            <td>
                                <a href='<%: item.View %>' data-tooltip="one1" tipid='<%:"tip" + item.Id.ToString() %>'>
                                    <img src="<%: item.ImageUrl %>"></img>
                                </a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <%--    <div class="product_info">
                        </div>--%>
            <div class="name">
                <%:item.Title%></div>
            <div class="price">
                <%: item.PriceDisplay %></div>
            <div id="bando" class="provider">
                <a href="#?w=800" class="poplight" rel="product_info" poplightid='<%:"poplight" + item.ProviderId.ToString() %>'>
                    <%: item.ProdiverName %></a>
            </div>
        </div>
        <!--HTML for the tooltips-->
        <div style="display: none">
            <div id='<%:"tip" + item.Id.ToString()%>' class="atip" style="padding: 5px">
                <div class="title">
                    <%:item.Title%></div>
                <div class="picture">
                    <img src='<%:item.ImageUrl%>'></div>
                <div class="name">
                    <%:MvcHtmlString.Create(item.Description)%>
                </div>
            </div>
        </div>
    </div>
    <%} %>
    <!--HTML for the tooltips-->
    <div id="mystickytooltip" class="stickytooltip">
        <div id="one1" class="atip" style="padding: 5px">
        </div>       
        <div class="stickystatus">
        </div>
    </div>
</div>

